<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>谁买小米</title>
		<style>
		div{
			width: 916px;
			height: 500px;
			border: 1px solid black;
			margin: auto;
		}	
			a{
				display:inline-block;
				width: 215px;
				height: 470px;
				border: 1px solid red;
				margin-right: 9px;
				
			}
			p{
			text-align: center;	
				
			}
			h4{
				text-align: center;
			}
			span{
				display: block;
				text-align: center;
				color: red;
			}
			del{
				display: block;
				text-align: center;
			}
		</style>
	</head>
	<body>
	<div>
		<a href="https://www.mi.com/shop/buy?product_id=19835">
			<img  src="img/100.webp" alt="m13" height="70%" width="100%"/>
			<h4>MI13</h4>
			<p>牢大推荐</p>
	<del>6999元</del>		<span>5999元</span>
			
		</a>
		<a href="https://www.mi.com/shop/buy?product_id=19835">
			<img  src="img/200.webp" alt="m14" height="70%" width="100%"/>
			<h4>MI13</h4>
					<p>牢大推荐</p>
			<del>6999元</del>		<span>5999元</span>
					
		</a>
		<a href="https://www.mi.com/shop/buy?product_id=19752">
			<img  src="img/400.webp" alt="m14" height="70%" width="100%"/>
			<h4>MI13</h4>
					<p>牢大推荐</p>
			<del>6999元</del>		<span>5999元</span>
					
		</a>
		<a href="https://www.mi.com/shop/buy?product_id=19436">
			<img  src="img/500.webp" alt="m14" height="70%" width="100%"/>
			<h4>MI13</h4>
					<p>牢大推荐</p>
			<del>6999元</del>		<span>5999元</span>
					
			
		</a>
		
		
		
		
		
		
		
		
		
		
	</div>	
		
		
		
		
		
	</body>
</html>
